
<!DOCTYPE html>
<html>
<head>
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>TI费用申请</title>

<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
<link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">


    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
</head>

<body style="color:#333;padding:3px;">
<div class="page-heade clearfix">
    <h2 class="title_color text-center">
       费用申请明细
    </h2>
</div>
<!-- 标题 -->
<!--<div class="page-heade">
    <h1 class="title_color">TI费用核销面单查询</h1>
</div>-->
<!-- 标题 -->
<div class="">
    <form action="" class="form-inline"  id="form1">
        <h3 style="margin:5px;font-size: 14px"><img src="__STATIC__/layout/img/htitle.png" alt="" style="width: 24px;height: 24px;vertical-align: middle;margin-right: 10px;">基本信息</h3>
        <table class="tab-content table-bordered  table" border="1">
            <tr>
                <td style="width: 160px" class="text-right">活动简述<span class="colorRed">*</span></td>
                <td><input type="text" class="form-control" name="" id="" placeholder="请简要说明活动目的或描述" style="width: 80%"></td>
                <td style="width: 160px" class="text-right">活动时间<span class="colorRed">*</span></td>
                <td>
                     <div class="form-group">
                        <input type="text" id="start" class="form-control layedate "
                               style="width: 110px;min-width: 100px;display: inline-block;" name="end" value="" >
                    </div>
                    <div class="form-group">
                        至
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control layedate"
                               style="width: 110px;min-width: 100px;display: inline-block;" id="end"
                               name="end" value="">
                    </div>
                </td>
               <td style="width: 160px" class="text-right">预计核销日期<span class="colorRed">*</span></td>
               <td><input type="text" class="form-control layedate" name="" id="yjhexiaotime"></td>
            </tr>
            <tr>
                 <td style="width: 160px" class="text-right">系统及网点<span class="colorRed">*</span></td>
                 <td colspan="5">
                    <label for="sheji">
                        <input type="radio" name="systemAndNet" id="sheji" value="0">涉及
                    </label>&nbsp;&nbsp;
                     <label for="nosheji">
                        <input type="radio" name="systemAndNet" id="nosheji" value="1" checked>不涉及
                    </label>
                 </td>
            </tr>
            <tr>
               <td style="width: 160px" class="text-right">品类<span class="colorRed">*</span></td>
               <td colspan="5">
                     <div style="width:100%;" class="row" style="width: 100%">
                        <div class="col-xs-2">
                            <div class="input-group" id="jxs_input" style="width: 100%">
                                <input type="text"   placeholder="请输入关键字或空格查询" class="form-control inputremindPeple" id="activeAgency"  value="" style="width: 100%">
                                <div class="input-group-btn">
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                    </ul>
                                </div>
                            </div>
                            <div id="jxs_queding" class="selectedOnlyOne" style="display: none;">
                                <input type="hidden" name="ckdx">
                                <input type="hidden" name="ckdx_name">
                                <span class="inin"></span>
                                <span class="close">×</span>
                            </div>
                        </div>
                          <div class="col-md-1">  <a href="javascript:;" id="selectName">选择</a>&nbsp;&nbsp;<a href="javascript:;">清空</a></div>
                    </div>
               </td>
            </tr>
        </table>
   
        <h3 style="margin:5px;font-size: 14px"><img src="__STATIC__/layout/img/htitle.png" alt="" style="width: 20px;height: 20px;vertical-align: middle;margin-right: 10px;">费用投放</h3>
        <table class="table table-bordered text-center" id="costtoufang">
            <thead>
                <tr class="info">
                    <th class="text-center"><img src="__STATIC__/layout/img/add.png" alt="" style="height: 20px;width: 20px;cursor: pointer;" id="addTr"></th>
                    <th class="text-center">
                        费用类型  
                    </th>
                    <th class="text-center">
                       收款方<span class="colorRed">*</span>
                    </th>
                    <th class="text-center">
                        支付方式<span class="colorRed">*</span>
                    </th>
                    <th class="text-center">
                       未税总额<span class="colorRed">*</span>
                    </th>
                    <th class="text-center">
                        是否增值税<br>
                        (可抵扣)<span class="colorRed">*</span>
                    </th>
                     <th class="text-center">
                        税率<span class="colorRed">*</span>
                    </th>
                    <th class="text-center">含税总额(元)</th>
                    <th class="text-center">实际投入<br>总额(元)</th>
                    <th class="text-center">费用说明</th>
                    <th class="text-center">陈列类型</th>
                    <th class="text-center">陈列位置</th>
                    <th class="text-center">陈列尺寸</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                   <td class="text-center"><img src="__STATIC__/layout/img/delete.png" alt="" style="width: 20px;height: 20px;cursor: pointer;" class="deleteTr"></td>
                   <td>
                    <div class="row" style="width: 200px">
                        <div class="col-xs-8">
                            <div class="input-group" id="jxs_input" style="width: 100%">
                                <input type="text"   placeholder="请输入关键字或空格查询" class="form-control inputremindPeple" id="activeAgency"  value="" style="width: 120px">
                                <div class="input-group-btn">
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                    </ul>
                                </div>
                            </div>
                            <div id="jxs_queding" class="selectedOnlyOne" style="display: none;">
                                <input type="hidden" name="ckdx">
                                <input type="hidden" name="ckdx_name">
                                <span class="inin"></span>
                                <span class="close">×</span>
                            </div>
                            
                        </div> 
                        <div class="col-xs-4">
                            <a href="javascript:;" id="selectName">选择</a>
                        </div>
                    </div>
                   </td>
                   <td>
                      <label for="Agency">
                            <input type="radio" name="shoukuanfang" id="Agency" checked value="1">经销商
                        </label>&nbsp;&nbsp;
                         <label for="gongyingshang">
                            <input type="radio" name="shoukuanfang" id="gongyingshang" value="2">供应商
                        </label><br>
                         <div style="display: none;" class="shoukuanfangDiv">
                            <div class="input-group" id="jxs_input" style="width: 100%">
                                <input type="text"   placeholder="请输入关键字或空格查询" class="form-control inputremindPeple" id="activeAgency"  value="" style="width: 120px">
                                <div class="input-group-btn">
                                    <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                    </ul>
                                </div>
                            </div>
                            <div id="jxs_queding" class="selectedOnlyOne" style="display: none;">
                                <input type="hidden" name="ckdx">
                                <input type="hidden" name="ckdx_name">
                                <span class="inin"></span>
                                <span class="close">×</span>
                            </div>
                            
                        </div> 
                   </td>
                   <td>
                        <select name="" id="" style="width: 80px" class="form-control select">
                            <option value="0">请选择</option>
                            <option value="1">转账</option>
                            <option value="2">货补</option>
                            <option value="3">账扣</option>
                            <option value="4">票扣</option>
                        </select>  
                   </td>
                   <td>
                         <input type="text" name="" id="" value="" style="width: 80px" class="form-control">
                   </td>
                   <td>
                      <label for="is_ok">
                            <input type="radio" name="is_zengzhishui" id="is_ok" checked>是
                        </label>&nbsp;&nbsp;
                         <label for="is_no">
                            <input type="radio" name="is_zengzhishui" id="is_no">否
                        </label>
                   </td>
                   <td><input type="text" class="form-control" style="width: 60px">%</td>
                   <td><input type="text" class="form-control" style="width: 80px" readonly></td>
                   <td><input type="text" class="form-control" style="width: 80px" readonly></td>
                   <td><input type="text" class="form-control" style="width: 130px"></td>
                   <td>
                        <select name="" id="" class="form-control select">
                            <option value="0">请选择</option>
                            <option value="1">货架陈列</option>
                            <option value="2">堆头陈列</option>
                            <option value="3">端架陈列</option>
                            <option value="4">包柱陈列</option>
                            <option value="5">挂网陈列</option>
                            <option value="6">其他陈列</option>
                        </select>
                   </td>
                   <td>
                        <select name="" id="" class="form-control select">
                            <option value="0">请选择</option>
                            <option value="1">主通道</option>
                            <option value="2">副通道</option>
                            <option value="3">收银台</option>
                            <option value="4">卖场门口</option>
                            <option value="5">端架两侧</option>
                            <option value="6">其他位置</option>
                        </select>
                   </td>
                   <td>
                        <select name="" id="" class="form-control select">
                            <option value="0">请选择</option>
                            <option value="1">1mx1m</option>
                            <option value="2">2mx1m</option>
                            <option value="3">2mx2m</option>
                            <option value="4">4mx1m</option>
                            <option value="5">整节端架</option>
                            <option value="6">半节端架</option>
                            <option value="7">其他尺寸</option>
                        </select>
                   </td>
                </tr>
            </tbody>
        </table>

      <h3 style="margin:5px;font-size: 14px"><img src="__STATIC__/layout/img/htitle.png" alt="" style="width: 20px;height: 20px;vertical-align: middle;margin-right: 10px;">销量预测 <span class="lr_5"></span><label for="noshejiSall" style="font-size: 12px"><input type="checkbox" name="noshejiSall" id="noshejiSall" value="0">&nbsp;不涉及销量</label></h3>
      <table class="table table-bordered tab-content text-center" id="sallTable">
        <thead>
            <tr class="info">
                <th class="text-center">预计销售类型<span class="colorRed">*</span></th>
                <th class="text-center">不做活动销售额<span class="colorRed">*</span><img src="__STATIC__/layout/img/helptitle.png" alt="" title="" class="helptitle" style="width: 20px;height: 20px;vertical-align: middle;"></th>
                 <th class="text-center">做活动销售额<span class="colorRed">*</span><img src="__STATIC__/layout/img/helptitle.png" alt="" title="" class="helptitle" style="width: 20px;height: 20px;vertical-align: middle;"></th>
                 <th class="text-center">增量销售额</th>
                 <th class="text-center">申请费用额合计</th>
                 <th class="text-center">预计费用率</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <select name="" id="" class="form-control select">
                        <option value="0">请选择</option>
                        <option value="1">经销商进货</option>
                        <option value="2">经销商出货</option>
                        <option value="3">网点零售</option>
                    </select>
                </td>
                <td><input type="text" class="form-control"></td>
                <td><input type="text" class="form-control"></td>
                <td></td>
                <td class="text-right">0.00</td>
                <td></td>
            </tr>
        </tbody>
      </table>   
      <div class="padding-10 row-margin-top text-center">
            <button class="btn btn-success btn-sm" type="submit">保存</button><span class="lr_5"></span>
            <button class="btn btn-warning btn-sm" type="button" onclick="back()">返回</button>
      </div>
 </form>
</div>
<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
    $(function () {
        $('body').on('click','input[type=text]',function () {
            this.select()
        })
    })
</script>

<script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<!--统计代码，可删除-->
<script src="__STATIC__/layout/js/plugins/laydate/laydate.js"></script>
<script>

lay('.layedate').each(function(){
  laydate.render({
    elem: this
    ,trigger: 'click'
  });
}); 

function back(){
    history.go(-1)
}
$("#addTr").click(function(){
    var count=0;
     count =count+1;
    var str = '<tr>'+
                   '<td class="text-center"><img src="__STATIC__/layout/img/delete.png" alt="" style="width: 20px;height: 20px;cursor: pointer;" class="deleteTr"></td>'+
                   '<td>'+
                        '<div class="row" style="width: 200px">'+
                        '<div class="col-xs-8">'+
                            '<div class="input-group" id="jxs_input" style="width: 100%">'+
                                '<input type="text"   placeholder="请输入关键字或空格查询" class="form-control inputremindPeple" id="activeAgency"  value="" style="width: 120px">'+
                                '<div class="input-group-btn">'+
                                    '<ul class="dropdown-menu dropdown-menu-right" role="menu">'+
                                    '</ul>'+
                                '</div>'+
                            '</div>'+
                            '<div id="jxs_queding" class="selectedOnlyOne" style="display: none;">'+
                                '<input type="hidden" name="ckdx">'+
                                '<input type="hidden" name="ckdx_name">'+
                                '<span class="inin"></span>'+
                                '<span class="close">×</span>'+
                            '</div>'+
                            
                        '</div>'+ 
                        '<div class="col-xs-4">'+
                            '<a href="javascript:;" id="selectName">选择</a>'+
                        '</div>'+
                    '</div>'+
                   '</td>'+
                   '<td>'+
                      '<label for="Agency">'+
                            '<input type="radio" name="shoukuanfang'+count+'" id="Agency'+count+'" checked value="1">经销商'+
                        '</label>&nbsp;&nbsp;'+
                         '<label for="gongyingshang">'+
                            '<input type="radio" name="shoukuanfang'+count+'" id="gongyingshang'+count+'" value="2">供应商'+
                        '</label><br />'+
                         '<div style="display: none;" class="shoukuanfangDiv">'+
                            '<div class="input-group" id="jxs_input" style="width: 100%">'+
                                '<input type="text"   placeholder="请输入关键字或空格查询" class="form-control inputremindPeple" id="activeAgency"  value="" style="width: 120px">'+
                                '<div class="input-group-btn">'+
                                    '<ul class="dropdown-menu dropdown-menu-right" role="menu">'+
                                    '</ul>'+
                                '</div>'+
                            '</div>'+
                            '<div id="jxs_queding" class="selectedOnlyOne" style="display: none;">'+
                                '<input type="hidden" name="ckdx">'+
                                '<input type="hidden" name="ckdx_name">'+
                                '<span class="inin"></span>'+
                                '<span class="close">×</span>'+
                            '</div>'+
                            
                        '</div>'+ 
                   '</td>'+
                   '<td>'+
                        '<select name="" id="" style="width: 80px" class="form-control select">'+
                            '<option value="0">请选择</option>'+
                            '<option value="1">转账</option>'+
                            '<option value="2">货补</option>'+
                            '<option value="3">账扣</option>'+
                            '<option value="4">票扣</option>'+
                        '</select> '+ 
                   '</td>'+
                   '<td>'+
                         '<input type="text" name="" id="" value="" style="width: 80px" class="form-control">'+
                   '</td>'+
                   '<td>'+
                      '<label for="is_ok">'+
                            '<input type="radio" name="is_zengzhishui'+count+'" id="is_ok'+count+'" checked>是'+
                        '</label>&nbsp;&nbsp;'+
                         '<label for="is_no">'+
                            '<input type="radio" name="is_zengzhishui'+count+'" id="is_no'+count+'">否'+
                        '</label>'+
                   '</td>'+
                   '<td><input type="text" class="form-control" style="width: 60px">%</td>'+
                   '<td><input type="text" class="form-control" style="width: 80px" readonly></td>'+
                   '<td><input type="text" class="form-control" style="width: 80px" readonly></td>'+
                   '<td><input type="text" class="form-control" style="width: 130px"></td>'+
                   '<td>'+
                        '<select name="" id="" class="form-control select">'+
                            '<option value="0">请选择</option>'+
                        '</select>'+
                   '</td>'+
                   '<td>'+
                        '<select name="" id="" class="form-control select">'+
                            '<option value="0">请选择</option>'+
                        '</select>'+
                   '</td>'+
                   '<td>'+
                        '<select name="" id="" class="form-control select">'+
                            '<option value="0">请选择</option>'+
                        '</select>'+
                   '</td>'+
                '</tr>'
    $("#costtoufang tbody").append(str)
})

/*删除*/
$(document).on('click','.deleteTr',function(){
    if($("#costtoufang tbody tr").length<2){
        alert("至少保留一条");
    }else{
         $(this).parents('tr').remove()
    }
})


$("input:checkbox[name=noshejiSall]").click(function () {
            if ($("input:checkbox[name=noshejiSall]").prop('checked')) {
                    $("#sallTable").hide();
            } else {
                  $("#sallTable").show();
            }
        });

$("#costtoufang tbody").on('click','tr td input:radio',function () {
            if ($(this).val()==2) {
                    $(this).parent().siblings('.shoukuanfangDiv').show();
            } else {
                $(this).parent().siblings('.shoukuanfangDiv').hide();
            }
        });

</script>
</body>

</html>
